<template>
  <a-menu mode="horizontal" style="position: fixed">
    <a-sub-menu key="demo">
      <template #title>第一章节</template>
      <a-menu-item v-for="(item, index) in list" :key="index">
        <router-link :to="item.to">{{ item.title }}</router-link>
      </a-menu-item>
    </a-sub-menu>
  </a-menu>
  <router-view></router-view>
</template>

<script setup lang="ts">
const list = [
  { to: '/', title: '第一个场景' },
  { to: '/chapter1/2', title: '材质和光照' }
]
</script>

<style scoped></style>
